@import '@/common/css/variables.less';

/* 酒店列表 */
.hotel-list{
	.search-drop{
		height: 212rpx; padding: 0 25rpx;position: relative;background-color: #fff;
		.search-box{
			background-color: #fff;padding: 20rpx 25rpx 0; position: fixed;left: 0;top: 0;right: 0;z-index: 101;
			.search{
				width: 700rpx;height: 76rpx;background-color: #f0f0f0;border-radius: 10rpx;padding: 0 22rpx 0 26rpx;
				.city{
					width: 134rpx;height: 30rpx;border-right: 2rpx solid #dcdcdc;padding-right: 10rpx;
					.iconfont{font-size: 28rpx;color: #000000;margin-top: 8rpx;}
				}
				input{width: 400rpx;font-size: 26rpx;}
			}
			.v-clear{width: 18px;height: 18px;}
			.icon{width: 28rpx;height: 28rpx;}
		}
		.combine-box{
			 width:512rpx; position: fixed;left: 0;top: 96rpx; z-index: 101;
			.date-box{
				width:280rpx;height: 116rpx;padding-left: 50rpx;
				.date{
					padding-right: 16rpx;
					&.date1{line-height: 116rpx;}
					.format{padding-left: 6rpx;}
				}
				.tag{line-height: 35rpx;text-align: center;padding: 0 10rpx;margin-right: 10rpx; font-size: 24rpx;color: @theme-color; border: 2rpx solid @theme-color;border-radius: 0 20rpx 20rpx 20rpx;}
				.iconfont{font-size: 30rpx;color: #b2b2b2;}
			}
			.tj{width: 232rpx;text-align: center;line-height: 116rpx;color: #1e1e1e;}
		}
	}

	.box-goods{margin-top: 0;}

	.notice{
		background-color: #f5f5f5;padding: 20rpx 25rpx;
		.box{
			width: 700rpx;height: 70rpx;padding: 0 10rpx 0 20rpx; background-color: #fff;border-radius: 10rpx;overflow: hidden;
			.icon{width: 25rpx;height: 29rpx;}
			.bar{
				width: 580rpx;
				.uni-noticebar{padding: 0!important;margin: 0!important;font-size: 26rpx;}
				.uni-noticebar__content-text{font-size: 26rpx;}
			}
		}
	}
	
	.couponTip{height: 70rpx; background-color: #f5f5f5;padding: 0 25rpx;font-size: 24rpx;}
}

/* 酒店详情 */
.hotel-detail{
	.picture{
		width: 750rpx;height: 450rpx;background-color: #f5f5f5;position: relative;
		.images{
			height: 45rpx;background: rgba(0,0,0,.45);border-radius: 24rpx;padding: 0 18rpx;position: absolute;left: 25rpx;bottom: 22rpx;
			.icon{width: 24rpx;height: 20rpx;}
			text{padding-left: 10rpx;line-height: 45rpx;}
		}
		.share{width: 103rpx;height: 46rpx;position: absolute;right: 0;bottom: 20rpx;}
		.bar-height{
			width: 750rpx;overflow: hidden; color: #fff;font-size: 32rpx;display: -webkit-flex;display: flex;justify-content: center; align-items: flex-end;position: fixed;top: 0;
			.inner{
				width: 750rpx;position: relative;
				.icons{position: absolute;left: 20rpx;top: 50%;transform: translateY(-50%);}
			}
		}
	}
	.information{
		padding: 34rpx 0 34rpx 24rpx;
		.name{line-height: 36rpx;margin-bottom: 22rpx;padding-right: 24rpx;}
		.left{
			height: 42rpx;
			.rate{padding: 0 20rpx 0 18rpx;}
			.icons{
				margin-left: 10rpx;position: relative;
				top: -4rpx;
				/*  #ifdef  H5  */
				top: 2rpx;
				/*  #endif  */
			}
		}
		.right{
			width: 80rpx;height: 42rpx;border-left: 2rpx solid #e6e6e6;
			.tel{width: 29rpx;height: 30rpx;}
		}
	}
	.address{
		padding: 28rpx 24rpx;border-top: 2rpx solid #e6e6e6;
		.left{
			width: calc(100% - 120rpx);line-height: 30rpx;
			.font13{padding-top: 16rpx;}
		}
		.right{
			.icons{ margin-left: 8rpx;position: relative; top: 2rpx;}
		}
	}
	.coupons{
		padding: 20rpx 32rpx 20rpx 24rpx;background-color: #fff9f6;
		.icon{width: 29rpx;height: 25rpx;}
		.btn{width: 70rpx;line-height: 38rpx;background-color: @theme-color;border-radius: 5rpx;}
		.box{
			width: 560rpx;height: 38rpx;
			.swiper{height: 38rpx;line-height: 38rpx;}
		}
	}
	.detail{
		height: 100rpx;padding: 0 24rpx;
		.imgs{
			width: 520rpx;
			.img{height: 30rpx;margin-left: 30rpx;}
		}
	}
	.my-adv{
		.adv-swipe{width: 750rpx;height: 120rpx;}
	}
	.date-box{
		height: 90rpx;padding: 0 24rpx;
		.icon{width: 31rpx;height: 31rpx;margin-right: 6rpx;}
		.format{padding: 0 10rpx;}
	}
	.box-goods{
		margin-top: 0;
		.item-box{
			.item{
				width: 723rpx;
				padding: 40rpx 0 40rpx 27rpx;border-bottom: none;
				.image{
					.tag{background-color: rgba(0,0,0,.3);color: #fff;font-size: 20rpx;border-radius: 10rpx 0 10rpx 0;line-height: 40rpx;padding: 0 10rpx;position: absolute;right: 0;bottom: 0;}
				}
				.info{
					height: 140rpx; padding-right: 0;
					.group-p1{padding-top: 0;}
					.group-p2{padding-top: 0;}
				}
				.avg-price{right: 27rpx;bottom: 30rpx;top: unset;transform: none;}
			}
			.price-list{
				background-color: #f5f5f5;
				.price-item{
					padding: 30rpx 27rpx;border-bottom: 2rpx solid #e6e6e6;
					&:last-child{border-bottom: none;}
					.part2{
						padding-right: 16rpx;
					}
					.part3{
						min-width: 110rpx;line-height: 50rpx;border-radius: 10rpx;overflow: hidden;border: 2rpx solid @theme-color;
						.p1{background-color: @theme-color;}
						.p2{color: @theme-color;}
						&.grey{
							border-color: #969696;
							.p1{background-color: #969696;}
							.p2{color: #969696;}
						}
					}
				}
			}
		}
	}
}

/* 酒店详情-会员价 */
.channel-box{
	width: 550rpx;height: 550rpx; background: #fff;padding: 20rpx 50rpx;border-radius: 20rpx;position: relative;
	.title{padding: 20rpx 0 30rpx;}
	.item{
		margin-top: 30rpx;
		.img{width: 200rpx;height: 52rpx;}
	}
}

/* 酒店下单 */
.book-hotel{
	.p25{padding: 0 25rpx;}
	.book-info{
		padding: 25rpx;line-height: 50rpx;
		.format{padding-right: 50rpx;}
		.icon-date{width: 18rpx;margin-right: 14rpx;}
		.icon-lan{width: 14rpx;margin-right: 14rpx;}
	}
	.book-detail{
		.item{
			height: 96rpx;padding: 0 25rpx;border-bottom: 2rpx solid #f5f5f5;display: -webkit-flex;display: flex;justify-content: space-between;align-items: center;
			&.nob{border-bottom: none;}
			.uni-icons{margin-left: 10rpx;}
		}
	}
	.book-memo{
		padding-top: 30rpx;padding-bottom: 38rpx;
		textarea{width: 700rpx;height: 130rpx;margin: 30rpx auto 0;padding: 20rpx;font-size: 28rpx; border-radius: 5rpx;background-color: #f5f5f5;}
	}
	.book-tip{
		padding-top: 30rpx;padding-bottom: 38rpx;
		.nodes{line-height: 38rpx;padding-top: 10rpx;}
	}
	.orderInfo{padding:25rpx; line-height: 50rpx;}
}

.book-bar{
	position: fixed;bottom: 0;left: 0;right: 0;z-index: 10;height: calc(110rpx + constant(safe-area-inset-bottom));height: calc(110rpx + env(safe-area-inset-bottom));background: #faf9f9;border-top: 2rpx solid #eeeeee;
	.part1{
		width: 320rpx; height: 110rpx;padding-left: 28rpx;
		.font11{padding-top: 6rpx;}
	}
	.part2{
		width: 170rpx;text-align: center;padding-top: 24rpx;
		.uni-icons{margin-left: 10rpx;}
	}
	.btn{width: 260rpx; height: 100%;line-height: 110rpx; background-color: @theme-color;}
}

/* 酒店下单-明细 */
.details-box{
	.list{border-top: 2rpx solid #f5f5f5;border-bottom: 2rpx solid #f5f5f5;line-height: 60rpx;padding: 30rpx 0;}
	.price{text-align: right;padding-top: 30rpx;line-height: 40rpx;}
}

/* 酒店下单-确认 */
.popup-prize{
	width: 560rpx;padding: 40rpx; border-radius: 20rpx;background: #fff;position: relative;
	.btn{
		width: 210rpx;line-height: 60rpx;text-align: center;border-radius: 30rpx;color: #fff;font-size: 28rpx;margin-top: 50rpx;
		&.btn1{background-color: @theme-color;}
		&.btn2{background-color: @assist-color;}
	}
	.content{font-size: 28rpx;line-height: 54rpx;padding-top: 40rpx;}
}

/* 公告弹窗 */
.popup-notice-box{
	width: 560rpx;background-color: #fff;border-radius: 20rpx;padding-bottom: 60rpx;
	.notice-title{width: 560rpx;height: 90rpx;line-height: 90rpx;text-align: center;font-size: 34rpx; color: #fff;border-radius: 20rpx 20rpx 0 0; background: url(https://static.newbeaconhotels.com/app/daojia/shop/notice-bg.png) no-repeat center top;background-size: 100%;position: relative;}
	.notice-con{padding: 60rpx 40rpx 80rpx;font-size: 30rpx;line-height: 52rpx;}
	.notice-btn{width: 480rpx;height: 80rpx;line-height: 80rpx;text-align: center; border-radius: 5rpx;background-color: @theme-color;font-size: 30rpx;color: #fff;margin: 0 auto;}
}
